{extend name='base'}
{block name='content'}
<div id="masthead-v5">
    <div class="ali-logo-v5">
        <a class="main-logo-v5" href="" titinle="阿里巴巴">
            <img width="108" height="38" src="__STATIC__/Home/imges/2331.png" alt="阿里巴巴">
        </a>
        <span class="sub-logo-v5">账户注册</span>
    </div>
</div>
<div class="member-steps">
    <ul>
        <!--<li class="active-step prev" style="cursor: pointer;">-->
            <!--<a>-->
                <!--<i class="iconfont"></i>企业账户注册-->
            <!--</a>-->
        <!--</li>-->
        <li style="cursor: pointer; text-align:center;" class="next">
            <a >
                账户注册
            </a>
        </li>
    </ul>
</div>
<!--<p class="member-sumary">有企业营业执照（含个体工商户）的用户请注册。权益如下：做企业实名认证；作为卖家身份开店；作为买家身份采购。</p>-->
<div id="container" style=" width: 400px;height: 586px; margin:0 auto;">
    <!--<form class="prev1" method="post" action="">-->
        <!--<div class="row">-->
            <!--<label for="name">*会员名:</label>-->
            <!--<input type="text" id="name" name="name" placeholder="设置会员名">-->
        <!--</div>-->
        <!--<div class="row">-->
            <!--<label for="password">*登录密码:</label>-->
            <!--<input type="password" id="password" name="password" placeholder="设置你的登录密码">-->
        <!--</div>-->
        <!--<div class="row">-->
            <!--<label for="pwdagain">*确认密码:</label>-->
            <!--<input type="password" id="pwdagain" name="pwdagain" placeholder="请再次输入你的登录密码">-->
        <!--</div>-->
        <!--<div class="row">-->
            <!--<label for="username">*联系人姓名:</label>-->
            <!--<input type="text" id="username" name="username" placeholder="请输入真实姓名">-->
        <!--</div>-->
        <!--<div class="row">-->
            <!--<label for="entrprise">*企业名称:</label>-->
            <!--<input type="text" id="entrprise" name="entrprise" placeholder="请输入营业执照上的公司名称">-->
        <!--</div>-->
        <!--<div class="row">-->
            <!--<label class="clearfix" style="float: left;">*贸易身份:</label>-->
            <!--<div id="radio" style="display: inline-block;">-->
                <!--<input class="radio" type="radio"  name="gender" value="1"/>-->
                <!--<span>我要销售</span>-->
                <!--<input class="radio" type="radio"  name="gender" value="0"/>-->
                <!--<span>我要采购</span>-->
                <!--<input class="radio" type="radio"  name="gender" value="0"/>-->
                <!--<span>两者都是</span>-->
            <!--</div>-->
        <!--</div>-->
        <!--<div class="row">-->
            <!--&lt;!&ndash; <label  for="phone">*手机号码:</label> &ndash;&gt;-->
            <!--<input  type="text" id="phone" name="phone" placeholder="请输入手机号码">-->
        <!--</div>-->
        <!--<div class="agree clearfix">-->
            <!--<div class="form-checkbox">-->
                <!--<label class="next-checkbox" style="float: left;width: 20px; height: 40px;line-height: 40px;">-->
                    <!--<input type="checkbox" value="false" id="checkbox" aria-checked="false">-->
                <!--</label>-->
  	  			<!--<span class="form-checkbox-label">-->
  	  			  <!--<div>-->
                      <!--<p>创建网站账号的同时,我同意遵守：</p>-->
                      <!--<a href="http://rule.1688.com/policy/terms.htm?tracelog=aliguize_hyjl" target="_blank">《阿里巴巴服务条款》</a>及-->
                      <!--<a href="https://rule.1688.com/policy/privacy.html" target="_blank">《隐私声明》</a>-->
                  <!--</div>-->
  	  			<!--</span>-->

            <!--</div>-->

        <!--</div>-->
        <!--<div id="button">-->
            <!--<button>同意并注册</button>-->
        <!--</div>-->
    <!--</form>-->
    <!--********个体用户注册********-->
    <form  class="next1"  method="post"  action="{:url('index/users/register')}">
        <div class="row">
            <label for="name">*会员名:</label>
            <input type="text" id="name" name="uname" placeholder="设置会员名">
        </div>
        <div class="row">
            <label for="name">*邮箱:</label>
            <input type="email" name="email" id="inputID" placeholder="邮箱：一会儿这个邮箱要收验证码">
        </div>
        <div class="row input-group" >
            <label for="name">*验证码:</label>
            <input  id="email" class="form-control"  placeholder="请输入验证码" name="captcha">
            <span class="input-group-btn">
            <button class="btn btn-default"  type="button" id="sendCaptcha">发送验证码</button>
            </span>

        </div>
        <div class="row">
            <label for="password">*登录密码:</label>
            <input type="password" id="password" name="password" placeholder="设置你的登录密码">
        </div>
        <div class="row">
            <label for="pwdagain">*确认密码:</label>
            <input type="password" id="pwdagain" name="pwdagain" placeholder="请再次输入你的登录密码">
        </div>


        <div class="row">
            <label  for="phone">*手机号码:</label>
            <input  type="text" id="phone" name="phone" placeholder="请输入手机号码">
        </div>
        <div class="agree clearfix">
            <div class="form-checkbox">
                <label class="next-checkbox" style="float: left;width: 20px; height: 40px;line-height: 40px;">
                    <input type="checkbox" value="false" id="checkbox" aria-checked="false">
                </label>
  	  			<span class="form-checkbox-label">
  	  			  <div>
                      <p>创建网站账号的同时,我同意遵守：</p>
                      <a href="http://rule.1688.com/policy/terms.htm?tracelog=aliguize_hyjl" target="_blank">《阿里巴巴服务条款》</a>及
                      <a href="https://rule.1688.com/policy/privacy.html" target="_blank">《隐私声明》</a>
                  </div>
  	  			</span>

            </div>

        </div>
        <div id="button">
            <button type="submit">同意并注册</button>
        </div>
    </form>
    <script>
        $(function () {
//            $('#button').click(function () {
//                alert();
//
//                if (email == '') {
//
//                }
//                })

            $('#sendCaptcha').click(function () {
                var email = $.trim($('[name=email]').val());
                if (email == '') {
                    alert('邮箱不能为空');
                    return;
                }
                //410004417@qq.com
                var reg = /^[0-9a-zA-Z-_]+@[0-9a-z]+\.[a-z]{2,3}(\.[a-z]{2,3})?$/g;
                if (!reg.test(email)) {
                    alert('邮箱格式不正确');
                    return;
                }
                //发送异步发邮件
            $.ajax({
                url: "{:url('code')}",
                data:{email:email},
                type:"post",
                dataType:"json",
                success:function (data) {

                }
            });
                //倒计时开始
                var button = $('#sendCaptcha');
                //按钮禁用
                button.attr('disabled', true);
                //倒计时
                var countdownNum = 10;
                //第一次先写入一次
                button.html(countdownNum + '秒之后再发送');
                //启动定时器60秒
                var timer = setInterval(function () {
                    countdownNum--;
                    //如果时间为0
                    if (countdownNum <= 0) {
                        //清除定时
                        clearInterval(timer);
                        button.html('发送验证码');
                        //解除disabled属性
                        button.attr('disabled', false);
                    }else{
                        button.html(countdownNum + '秒之后再发送');
                    }

                }, 1000);
            })
        })
    </script>
</div>
<div id="footer-v0">
    <div class="footer-container">
        <div class="ali-pages">
            <ul style="display: inline-block;">
                <li>© 2010-2017 1688.com 版权所有|</li>
                <li><a rel="nofollow" href="" target="_self" title="著作权与商标声明">著作权与商标声明</a> |</li>
                <li><a rel="nofollow" href="" target="_self" title="法律声明">法律声明</a> |</li>
                <li><a rel="nofollow" href="" target="_self" title="服务条款">服务条款</a> |</li>
                <li><a rel="nofollow" href="" target="_self" title="隐私政策">隐私政策</a> |</li>
                <li><a rel="nofollow" href="" target="_self" title="关于阿里巴巴">关于阿里巴巴</a> |</li>
                <li><a rel="nofollow" href="" target="_self" title="联系我们">联系我们</a> |</li>
                <li><a href="" target="_self" title="网站导航">网站导航</a></li>
            </ul>
        </div>
        <div class="ali-group" style="display: inline-block;">
            <dl style="display: inline-block;">
                <dd>
                    <a rel="nofollow" href="" title="阿里巴巴集团">阿里巴巴集团</a>
                    |
                </dd>
                <dd>
                    <a rel="nofollow" href="" title="阿里巴巴国际站">阿里巴巴国际站</a>
                    |
                </dd>
                <dd>
                    <a rel="nofollow" href="" title="阿里巴巴中国站">阿里巴巴中国站</a>
                    |
                </dd>
                <dd>
                    <a rel="nofollow" href="" title="全球速卖通">全球速卖通</a>
                    |
                </dd>

                <dd>
                    <a rel="nofollow" href="" title="淘宝网">淘宝网</a>
                    |
                </dd>
                <dd>
                    <a rel="nofollow" href="" title="天猫">天猫</a>
                    |
                </dd>
                <dd>
                    <a rel="nofollow" href="" title="聚划算">聚划算</a>
                    |
                </dd>
                <dd>
                    <a rel="nofollow" href="" title="一淘">一淘</a>
                    |
                </dd>
                <dd>
                    <a href="" title="阿里旅行 · 去啊">阿里旅行 · 去啊</a>
                    |
                </dd>
                <dd>
                    <a rel="nofollow" href="" title="阿里妈妈">阿里妈妈</a>
                    |
                </dd>
                <dd>
                    <a rel="nofollow" href="" title="虾米">虾米</a>
                    |
                </dd>
                <dd>
                    <a rel="nofollow" href="" title="阿里云计算">阿里云计算</a>
                    |
                </dd>
                <dd>
                    <a rel="nofollow" href="" title="YunOS">YunOS</a>
                    |
                </dd>
                <dd>
                    <a rel="nofollow" href="" title="阿里通信">阿里通信</a>
                    |
                </dd>
                <dd>
                    <a rel="nofollow" href="" title="万网">万网</a>
                    |
                </dd>
                <dd>
                    <a rel="nofollow" href=" " title="">UC</a>
                    |
                </dd>
                <dd>
                    <a rel="nofollow" href="" title="支付宝">支付宝</a>
                    |
                </dd>
                <dd>
                    <a rel="nofollow" href="" title="来往">来往</a>
                    |
                </dd>
                <dd>
                    <a rel="nofollow" href="" title="钉钉">钉钉</a>
                    |
                </dd>
                <dd>
                    <a rel="nofollow" href="" title="阿里健康">阿里健康</a>
                    |
                </dd>
                <dd>
                    <a href="" title="一达通">一达通</a>
                    |
                </dd>
                <dd>
                    <a href="" title="Lazada">Lazada</a>
                </dd>
            </dl>
        </div>
    </div>
</div>
{/block}